<!-- 底部导航栏组件 -->
<div class="tabbar fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 flex justify-around py-2">
  <a href="dashboard.html" class="tab-item flex flex-col items-center">
    <i class="fas fa-home text-green-500 text-xl"></i>
    <span class="text-xs mt-1 text-green-500">首页</span>
  </a>
  <a href="record.html" class="tab-item flex flex-col items-center">
    <i class="fas fa-plus-circle text-gray-500 text-xl"></i>
    <span class="text-xs mt-1 text-gray-500">记录</span>
  </a>
  <a href="analysis.html" class="tab-item flex flex-col items-center">
    <i class="fas fa-chart-line text-gray-500 text-xl"></i>
    <span class="text-xs mt-1 text-gray-500">分析</span>
  </a>
  <a href="tasks.html" class="tab-item flex flex-col items-center">
    <i class="fas fa-tasks text-gray-500 text-xl"></i>
    <span class="text-xs mt-1 text-gray-500">任务</span>
  </a>
  <a href="profile.html" class="tab-item flex flex-col items-center">
    <i class="fas fa-user text-gray-500 text-xl"></i>
    <span class="text-xs mt-1 text-gray-500">我的</span>
  </a>
</div> 